<template>
<div>
  <!-- v-html === innerHtml   v-text === innerText -->
  <!-- 注意: v-text和v-html 会覆盖插值表达式 -->
  <div v-html="str">{{1}}</div>
  <div v-text="str">{{10 + 1}}</div>
</div>
</template>

<script>
export default {
  data() {
    return {
      str: '<span>我是一个span</span>'
    }
  }
}
</script>

<style>

</style>